<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="renderer" content="webkit" />
    <meta property="og:title" content="刘贼强的博客" />
    <title>刘贼强的博客</title>
    <meta name="keywords" content="个人网站模板、企业网站模板分享">
    <meta name="description" content="刘贼强的博客是一个分享网站模板和一些学习及生活中事情的地方。">
    <!--<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">-->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/wow.min.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery-1.11.2.js"></script>
    <script type="text/javascript">
        function init() {
            // alert("重新加载")
            className();
            load();
        }
            /*自动加载标签*/
            function className(){
            $.get(
            "selectClassName","",
            function (data){
            /* var className = document.getElementById("className");*/
            $.each(data,function (idnex,num){
            $("#className").append(
            "  <li><a onclick='load(1,"+num.id+")'>"+num.classname+"</a></li>"
            )
        })
        }
    );
  }
    /*阅读一下就加1*/
        function watch(webid){
            $.ajax({
                url:"watch?like="+webid,
                data:{},
                success:function (da) {
                    alert("阅读加一")
                }
            })
        }
        function dian(dain) {
                $.ajax({
                url:"sup?support="+dain,
                data:{},
                    success:function (da) {
                    window.location.href="list.html"
                }
            })
    }
        function load(currentPage,classid) {
            $.post("order",{},function (data) {
                var html="";
                for (var i = 0; i <data.length; i++) {
                    html+='<li><a href="wenzhang.html?title='+data[i].title+'&matter='+data[i].matter+'&id='+data[i].id+'">'+data[i].title+'</a></li>'
                }
                document.getElementById('paihang').innerHTML=html;
            });
              $.post("re",{},function (data) {
                var html="";
                for (var i = 0; i <data.length; i++) {
                    html+='<li><a href="wenzhang.html?title='+data[i].title+'&matter='+data[i].matter+'&id='+data[i].id+'">'+data[i].title+'</a></li>'
                }
                document.getElementById('re').innerHTML=html;
            });

            var key = $("#keyword").val();
            $.post("Ye",{currentPage:currentPage,classid:classid,keyword:key},function (pd) {
                var totalPage1 = pd.totalPage;
                var totalSize1 = pd.totalCount;
                var htm2="";
                var h2='<i>共' + '<span>'+totalPage1+'</span>页<span>'+totalSize1+'</span>条</i> ';
                htm2+=h2;
                $(".all").html(htm2);
                var html1='';
                var firstPage="<li onclick='javascript:load(1,"+classid+")'><a href=\"#\">首页</a></li>";
                var prenum = pd.currentPage-1;
                if(prenum<=0){
                    prenum=1
                }
                var prePage='<li onclick=\"javascript:load('+prenum+','+classid+')" class="threeword"><a href="#">上一页</a></li>';
                html1+=firstPage;
                html1+=prePage;

                var begin;
                var end;
                if (totalPage1 < 10) {
                    //总页码不足10页
                    begin=1;
                    end=totalPage1;
                }else{
                    //页码超过10页
                    begin=pd.currentPage-5;
                    end=pd.currentPage+4;
                    //如果前面不足5个
                    if(begin<1){
                        begin=1;
                        end=begin+9;
                    }
                    if(end>totalPage1){
                        end=totalPage1;
                        begin=end-9;
                    }
                }
                for (var X=begin; X<=end; X++) {
                        var da;
                        if(pd.currentPage==X){
                            da='<li class="curPage" onclick="javascript:load('+X+','+classid+')"><a href="javascript:load(0)">'+X+'</a></li>';
                        }else{
                            da='<li onclick="javascript:load('+X+','+classid+')"><a href="javascript:load(0)">'+X+'</a></li>';
                        }
                        html1+=da;
            }

                var nextnum = pd.currentPage+1;
                if(nextnum>=totalPage1){
                    nextnum=totalPage1
                }
                var nextPage='<li  onclick="javascript:load('+nextnum+','+classid+')" class="threeword"><a href="#" >下一页</a></li>';
                var lastPage='<li class="threeword" onclick="javascript:load('+totalPage1+','+classid+')"><a href="#">末页</a></li>';
                html1+=nextPage;
                html1+=lastPage;
                $(".pageNum").html(html1);

                var html="";
                for (var i=0;i<pd.list.length;i++){
                    html+="     <div class=\"base_list_box_title\">\n" +
                        "\n" +
                        "                        <!--列表页判断文章是否原创是原创添加span元素-->\n" +
                        "                            <span><img src=\"img/yuanchuangwenzhang.png\"></span>\n" +
                        "                            <a class=\"base_list_box_title_a\" onclick='watch("+pd.list[i].id+")' href=\"wenzhang.html?title="+pd.list[i].title+"&matter="+pd.list[i].matter+"&id="+pd.list[i].id+"\" title=\"这里是文章title\">"+pd.list[i].title+"</a>\n" +
                        "                        </div>\n" +
                        "\n" +
                        "                        <!--列表页判断文章是否原创是原创添加版权元素-->\n" +
                        "                        <div class=\"base_list_xiebian\"><span>版权</span></div>\n" +
                        "\n" +
                        "                        <div class=\"base_list_box_content clearfix\">\n" +
                        "\n" +
                        "                            <div class=\"base_list_box_left\">\n" +
                        "                                <a onclick='watch("+pd.list[i].id+")' href=\"wenzhang.html?title="+pd.list[i].title+"&matter="+pd.list[i].matter+"&id="+pd.list[i].id+"\" title=\"文章title\">\n" +
                        "                                    <img src=\"img/bg_pic/bg_1.png\">\n" +
                        "                                </a>\n" +
                        "                            </div>\n" +
                        "\n" +
                        "                            <div class=\"base_list_box_right\">\n" +
                        "                                <div class=\"base_list_box_info\" title=\"文章的全部简介部分\">"+pd.list[i].matter+"</div>\n" +
                        "                            </div>\n" +
                        "\n" +
                        "                        </div>\n" +
                        "\n" +
                        "\n" +
                        "                        <div class=\"base_list_box_readmore\">\n" +
                        "                            <a onclick='watch("+pd.list[i].id+")' href=\"wenzhang.html?title="+pd.list[i].title+"&matter="+pd.list[i].matter+"&id="+pd.list[i].id+"\" title=\"阅读全部\">阅读全部<i class=\"fa fa-paper-plane\"></i></a>\n" +
                        "                        </div>\n" +
                        "\n" +
                        "                        <div class=\"base_list_box_message clearfix\">\n" +
                        "\n" +
                        "                            <div class=\"left\">\n" +
                        "\n" +
                        "                                <a href=\"list.html\" title=\"文章所在栏目\"><i class=\"fa fa-bookmark\"></i>"+pd.list[i].classname+"</a>\n" +
                        "\n" +
                        "                            </div>\n" +
                        "\n" +
                        "                            <div class=\"right\">\n" +
                        "                                <a href=\"javascript:void(0)\" title=\"文章发布时间\"><i class=\"fa fa-clock-o\"></i>"+pd.list[i].time+"</a>\n &nbsp;&nbsp;" +
                        "                                <a href=\"javascript:void(0)\" title=\"文章点击次数\"><i class=\"fa fa-eye\"></i>"+pd.list[i].likes+"</a>\n&nbsp;&nbsp;" +
                        "                                <a onclick='dian("+pd.list[i].id+")' href=\"javascript:void(0)\" title=\"文章点赞次数\"><i class=\"fa fa-thumbs-up\"></i>"+pd.list[i].support+"</a>\n&nbsp;&nbsp;" +
                        "                                <a href=\"javascript:void(0)\" title=\"文章评论次数\"><i class=\"fa fa-comments-o\"></i>9999</a>\n&nbsp;&nbsp;" +
                        "<a href='delete.do?title="+ pd.list[i].title+"'><i class=\"fa fa-trash-o fa-fw\" title='删除此文章'></i>删除此条</a>&nbsp;&nbsp;"+
                        "&nbsp;&nbsp;"+
                        "\n" +
                        "                            </div>\n" +
                        "\n" +
                        "                        </div>\n"
                }
                document.getElementById('wenzhang').innerHTML=html;
            },"json");
            window.scrollTo(0,0)//每次点击超链接就滚动到顶点
        }
    </script>
</head>
<body onload="init()">
<!--base列表页页面的图片-->
<div class="bg_pic"></div>
<!--base列表页页面的头部部分-->
<div class="base_header">

    <div class="base_header_content">

        <a href="index.html" class="base_header_logo"><img src="img/logo.png"></a>

        <div class="base_header_nav">
            <ul>
                <!--这里是没有子栏目的样式-->
                <li><i class="fa fa-caret-right"></i><a href="index.html">首页</a></li>

                <!--顶级导航-->
                <li class="have_second_navs">
                    <i class="fa fa-caret-right"></i><a href="list.html" class="base_header_nav_active">博客</a>

                    <!--二级导航有子栏目的时候-->
                    <ul class="nav_child">

                        <li><i class="fa fa-caret-right"></i><a href="list.html">个人</a>
                            <!--三级栏目-->
                            <ul class="nav_child">
                                <li><a href="list.html">博客类</a></li>
                                <li><a href="list.html">技术类</a></li>
                                <li><a href="list.html">学习类</a></li>
                            </ul>

                        </li>

                        <!--二级导航没有子栏目的时候-->
                        <li><a href="list.html">学习</a></li>

                    </ul>
                </li>
                <!--顶级导航-->
            <!--        <li >
                        <i class="fa fa-caret-right"></i><a href="add.html">添加</a>
                    &lt;!&ndash;二级导航有子栏目的时候&ndash;&gt;
                 <ul class="nav_child">
                        <li><i class="fa fa-caret-right"></i><a href="list.html">学习</a>
                            &lt;!&ndash;三级栏目&ndash;&gt;
                            <ul class="nav_child">
                                <li><a href="list.html">css</a></li>
                                <li><a href="list.html">js</a></li>
                                <li><a href="list.html">jquery</a></li>
                            </ul>
                        </li>
                        &lt;!&ndash;&lt;!&ndash;二级导航没有子栏目的时候&ndash;&gt;&ndash;&gt;
                        <li><a href="javascript:void(0)">学习</a></li>
                    </ul>
                </li>-->
                <li>
                    <i class="fa fa-caret-right"></i>
                    <a href="suibi.html">随笔</a>
                </li>
            </ul>
        </div>

        <!--手机导航部分-->

        <div class="base_nav_menu" id="base_nav_menu" bind_click="true"><span bind_click="true"></span></div>

        <div class="base_nav_zhezao"></div>

    </div>
</div>

<!--base列表页身体部分开始-->
<div class="base_content_body">
<!--base列表页身体部分居中显示-->
    <div class="base_content_content clearfix">
<!--base列表页身体部分的左边部分设置宽度-->
        <div class="base_content_left">

<!--base列表页身体部分最新博客盒子-->
            <div class="base_list_box wow zoomIn" data-wow-duration="1s">
                <ul>
                    <li class="wow fadeIn" data-wow-delay="0.1s" data-wow-duration="1s" id="wenzhang">

                    </li>
                </ul>
                <ul class="all">

                </ul>
                <div class="pageNum">
                    <ul>

                    </ul>
                </div>
            </div>

        </div>

<!--base列表页身体右边部分-->
        <div class="base_content_right">

            <div class="base_content_right_item" id="base_content_right_down">
                <div class="base_search">
                    <form id="searchform" class="search_form">
                        <input type="text" class="search_text" required="required" name="keyword" id="keyword" placeholder="输入关键字搜索">
                        <button type="button" class="search_btn"  title="搜索" onclick="load()"></button>
                        <i class="fa fa-search"></i>
                    </form>
                </div>



<!--这里是页面右侧的导航部分-->
                <div class="blog_right_nav">

                    <ul id="className">
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                        <li class="blog_lanmu_active"><a href="list.html">全部文章</a></li>
                    </ul>

                </div>
                <!--这里是右侧的博客介绍部分-->
                <div class="blog_info">
                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                        <li class="blog_lanmu_active"><a href="javascript:void(0)">博客介绍</a></li>
                        <li><a href="javascript:void(0)">创建时间:2022年04月17日</a></li>
                        <li><a href="javascript:void(0)">创建目的:日常新闻节选</a></li>
                        <li><a href="javascript:void(0)">文章总数:210</a></li>
                        <li><a href="javascript:void(0)">来访人数:210</a></li>
                    </ul>
                </div>
                <!--这里是右侧的博主介绍部分-->
                <div class="blog_master_info">
                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                        <li class="blog_lanmu_active"><a href="javascript:void(0)">博主介绍</a></li>
                        <li><a href="javascript:void(0)">网名：大青牛和穿山甲</a></li>
                        <li><a href="javascript:void(0)">座右铭：人生就是一场救赎，就是在不断拯救，和被拯救中度过</a></li>
                        <li><a href="javascript:void(0)">简介：00后，爱吃瓜，爱冒险，喜欢和爱我的人和我爱的人一起去新的地方</a></li>
                    </ul>
                </div>


            </div>
            <div class="base_content_right_item">

                <h3 class="base_content_right_item_title">阅读排行榜</h3>
                <div class="base_content_right_item_list">
                    <ul id="paihang">
                    </ul>
                </div>
            </div>


            <div class="base_content_right_item">
                <h3 class="base_content_right_item_title">最热文章</h3>
                <div class="base_content_right_item_list">
                    <ul id="re">
                    </ul>
                </div>
            </div>
        </div>

    </div>

</div>


<!--一键回到顶部的box-->
<div class="go_top"><i class="fa fa-angle-up"></i></div>

<div class="base_footer">
    <ul>
        <li><a href="https://wpa.qq.com/msgrd?v=3&uin=446157433&site=qq&menu=yes" target="_blank" title="QQ:446157433"  class="base_footer_qq"><i class="fa fa-qq"></i></a></li>
        <li><a href="mailto:446157433@qq.com" target="_blank" title="邮箱：446157433" class="base_footer_email"><i class="fa fa-envelope"></i></a></li>
        <li><a href="javascript:void(0)" title="扫描微信二维码联系我们" class="base_footer_weixin"><i class="fa fa-weixin"></i><img src="img/erweima.png"></a></li>
    </ul>
    <span class="base_footer_text">Copyright © 2019-2020 Power by 刘贼强的博客</span>
    <span class="base_footer_text">ICP备案号：<a href="http://www.beian.miit.gov.cn/">XXXXXXXXXX</a></span>
</div>


</body>
</html>



